<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="../css/mui.css" rel="stylesheet" />
<style type="text/css">
	body{
		background-color: white;
	}
	
</style>
</head>

<body>


<!-- CONTENT -->
<div class="mui-content" style="margin-top: -15px;">
	<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed">
		<li class="mui-table-view-cell">
			<div class="mui-table">
				<div class="mui-table-cell mui-col-xs-10" id="address1">
					<p style="color: black;font-size: 16px;" class="mui-ellipsis">河北民族师范学院</p>
					<p style="color: black;margin: 5px 0;">实训楼A123</p>
					<p class="mui-h6 mui-ellipsis">张 18321654238</p>
				</div>
				<div style="margin-top: 30px;" class="mui-table-cell mui-col-xs-2 mui-text-right">
					<a value="1"><span class="mui-icon mui-icon-compose"></span></a>
				</div>
			</div>
		</li>
		<li class="mui-table-view-cell">
			<div class="mui-table">
				<div class="mui-table-cell mui-col-xs-10" id="address2">
					<p style="color: black;font-size: 16px;" class="mui-ellipsis">河北民族师范学院</p>
					<p style="color: black;margin: 5px 0;">10号楼 123宿舍</p>
					<p class="mui-h6 mui-ellipsis">李 11356654238</p>
				</div>
				<div class="mui-table-cell mui-col-xs-2 mui-text-right">
					<a value="2"><span class="mui-icon mui-icon-compose"></span></a>
				</div>
			</div>
		</li>
		<li class="mui-table-view-cell">
			<div class="mui-table">
				<div class="mui-table-cell mui-col-xs-10" id="address3">
					<p style="color: black;font-size: 16px;" class="mui-ellipsis">河北民族师范学院</p>
					<p style="color: black;margin: 5px 0;">实训楼A123</p>
					<p class="mui-h6 mui-ellipsis">张 18321654238</p>
				</div>
				<div class="mui-table-cell mui-col-xs-2 mui-text-right">
					<a value="3"><span class="mui-icon mui-icon-compose"></span></a>
				</div>
			</div>
		</li>
	</ul>
	<div id="add" style="margin: 25px 10px;">
		<button type="button" class="mui-btn mui-btn-success mui-btn-block">新增地址</button>
	</div>
</div>

















<script src="../js/mui.js"></script>
<script type="text/javascript">
mui.init()
//修改地址
mui(".mui-col-xs-2").on("tap","a",function(){
	var adValue = this.getAttribute("value");
	addressId ="address" + adValue;
	var addressDIV = document.getElementById(addressId);
	var address1 = addressDIV.children[0].innerHTML;
	var address2 = addressDIV.children[1].innerHTML;
	var info = addressDIV.children[2].innerHTML;
	mui.openWindow({
		url:"address.html",
		id:"address.html",
		show:{
			autoShow:true,
			aniShow:"slide-in-right",//页面显示动画，默认为”slide-in-right“；
			duration:200,//页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
		},
		styles:{
			titleNView: {
				//type:'transparent',//透明渐变样式
				titleText: '修改地址',
				titleColor:'black',
				backgroundColor: 'white',
				autoBackButton:true,
			},
		},
		waiting:{
			autoShow:false,//自动显示等待框，默认为true
			title:'正在加载...',//等待对话框上显示的提示内容
		},
		extras:{
			address1:address1,
			address2:address2,
			info:info,
		},
	});
	
})

document.getElementById("add").addEventListener("tap",function(){
	mui.openWindow({
		url:"address.html",
		id:"address.html",
		show:{
			autoShow:true,
			aniShow:"slide-in-right",//页面显示动画，默认为”slide-in-right“；
			duration:200,//页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
		},
		styles:{
			titleNView: {
				//type:'transparent',//透明渐变样式
				titleText: '新增地址',
				titleColor:'black',
				backgroundColor: 'white',
				autoBackButton:true,
			},
		},
		waiting:{
			autoShow:false,//自动显示等待框，默认为true
			title:'正在加载...',//等待对话框上显示的提示内容
		},
		extras:{
		},
	});
})
</script>
</body>
</html>
